<div class="modal-content" ng-controller="AddFeedbackCtrl">
    <div class="modal-header">
        <button id="opinionFeed_model" type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">意见反馈</h4>
    </div>
    <div class="modal-body">
        <form id="feedBackModalForm">
            <div class="form-group">
                <label class="col-lg-12 control-label menu-feedBackTit">请留下意见和建议，我们将努力完善。Thanks!</label>
            </div>
            <div class="line  pull-in"></div>
    
            <div class="form-group">
                <label class="control-label modal_opinionFeedTit">标题<span class="text-danger">*</span></label>
                <div class="col-lg-5">
                    <input id="opinionFeed_nameBox" type="text" name="nameBox" class="form-control" ng-model="modalTitle" maxlength="20" required placeholder="请输入标题">
                </div>
            </div>
        
        
            <div class="line  pull-in"></div>
            <div class="form-group">
                <label class="control-label modal_opinionFeedTit">内容<span class="text-danger">*</span></label>
                <div class="col-lg-11">
                    <textarea maxlength="300" class="modal_opinionDetailCont" placeholder="请在此输入您的建议..." ng-model="modalContent" required></textarea>
                </div>
            </div>

            <div class="line  pull-in"></div>


            <div class="form-group">
                    <div class="col-md-4 m-l-xs">
                        <label class="pull-left m-r">添加问题相关图片</label>
                        <div class="col-md-3 form-group">
                                
                            <input id="opinionFeed_uploader" type="file" style="width:70px" name="attachmentUploader" file-read accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" uploader="attachmentUploader" ng-disabled="attachmentUploader.queue.length>4"  />
                        </div>
                    </div>
                    <div class="wrapper-sm opinionFeedBack">
                        <div class="line  pull-in"></div>
                        <div class="wrapper-sm bg-light dk b-b m-b-xs hidden">
                            <span class="">上传文件数: <b class="badge bg-info">{{ attachmentUploader.queue.length }}</b></span>
                        </div>
                        <table class="table bg-white-only b-a">
                            <thead>
                                <tr>
                                    <th>名称</th>
                                    <th>大小</th>
                                    <th>进度</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="item in attachmentUploader.queue">
                                    <td >
                                        <strong>{{ item.fileName }}</strong>
                                    </td>
                                    <td nowrap>{{ item.fileSize/1024/1024|number:2 }} MB</td>
                                    <td>
                                        <div class="progress" style="margin-bottom: 0;width:116px;margin:0 auto">
                                            <div class="progress-bar" role="progressbar" ng-style="{ 'width': item.progress + '%' }"></div>
                                        </div>
                                    </td>
                                    <td class="text-center">
                                        <span ng-show="item.isSuccess"><i class="glyphicon glyphicon-ok"></i></span>
                                        <span ng-show="item.isCancel"><i class="glyphicon glyphicon-ban-circle"></i></span>
                                        <span ng-show="item.isError"><i class="glyphicon glyphicon-remove"></i></span>
                                    </td>
                                    <td nowrap>
                                        <button id="opinionFeed_uploadFn" class="btn btn-success btn-xs" ng-click="attachmentUploader.upload(item)" ng-disabled="item.isReady || item.isUploading || item.isSuccess">
                                            <span class="glyphicon glyphicon-upload"></span> 上传
                                        </button>
    
                                        <button id="opinionFeed_remove" class="btn btn-danger btn-xs" ng-click="[attachmentUploader.onDelete(item)]">
                                            <span class="glyphicon glyphicon-trash"></span> 删除
                                        </button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    
                    </div>
    
            </div>

        </form>
    
    </div>
    <div class="modal-footer">
        <button id="opinionFeed_dismiss" type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button id="opinionFeed_save" type="button" class="btn btn-primary" ng-click="clickFeedback()">提交</button>
    </div>
</div>